/* ========== 顶部 Hero（首页独有） ========== */
.hero {
  background:
    radial-gradient(1200px 400px at 10% -20%, rgba(255,130,0,.15), transparent),
    radial-gradient(800px 300px at 90% 0%, rgba(0,120,255,.12), transparent);
  padding: 2.5rem 1rem;
  border-bottom: 1px solid #ddd;
}
.hero h1 { font-size: 2.25rem; margin-bottom: 0.5rem; }
.hero p { font-size: 1.1rem; color: #666; }

/* Hero 区域按钮（首页独有） */
.hero a.btn {
  border-radius: 20px;
  font-size: 0.875rem;
  padding: .25rem .75rem;
}

/* ========== 响应式只针对首页 Hero 的微调 ========== */
@media (max-width: 768px) {
  .hero { text-align: center; }
  .hero img { margin-top: 1rem; max-width: 90%; }
}
